<ui:composition
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
    template="/basic.xhtml">


    <ui:define  name="body">
 <a4j:keepAlive beanName="cadastroClienteBean" />
<h:form>


    <rich:simpleTogglePanel switchType="client" label="#{rotulo['cadastro_clientes']}" id="cadpessoaFisica">

                    <h:panelGrid columns="1">
						<h:selectOneRadio value="#{cadastroClienteBean.renderedTipoPessoa}" reRender="pessoaFisica">
							
							<f:selectItem itemValue="1" itemLabel="#{rotulo['pessoa_fisica']}"/>
							<f:selectItem itemValue="2" itemLabel="#{rotulo['pessoa_juridica']}" />
                            <a4j:support action="#{cadastroClienteBean.controlaTipoPessoa}"
								event="onclick" reRender="cadpessoaFisica"/>
						</h:selectOneRadio>
					</h:panelGrid>
                                                    
                                                    <a4j:region id="pessoaFisica">
                     <h:panelGrid columns="8" width="40%" rendered="#{cadastroClienteBean.renderedPessoaFisica}">
                        <h:outputText value="#{rotulo['nome']}"/>
                        <h:inputText value="#{cadastroClienteBean.pessoaFisica.nome}" style="width : 170px;" />

                        <h:outputText value="#{rotulo['sexo']}" />
                        <h:panelGrid columns="1">
                           <h:selectOneRadio value="#{cadastroClienteBean.pessoaFisica.sexo}">
							 <f:selectItem itemValue="M" itemLabel="M"/>
							 <f:selectItem itemValue="F" itemLabel="F" />
                           </h:selectOneRadio>
                        </h:panelGrid>

                        <h:outputText value="#{rotulo['data_nascimento']}" />
                        <h:inputText value="#{cadastroClienteBean.pessoaFisica.dataNascimento}" style="width : 170px;" />
                        <h:outputText value="#{rotulo['estado_civil']}" />
                        <h:inputText value="#{cadastroClienteBean.pessoaFisica.estadoCivil}"  style="width : 170px;"/>
                        <h:outputText value="#{rotulo['cpf']}" />
                        <h:inputText value="#{cadastroClienteBean.pessoaFisica.cpf}"  style="width : 170px;" onkeyup="javascript:formatCpfCnpj(this)" maxlength="15"/>
                        <h:outputText value="#{rotulo['rg']}" />
                        <h:inputText value="#{cadastroClienteBean.pessoaFisica.rg}"  style="width : 170px;"/>
                        <h:outputText value="#{rotulo['titulo_eleitor']}" />
                        <h:inputText value="#{cadastroClienteBean.pessoaFisica.tituloEleitor}"  style="width : 170px;"/>
                        <h:outputText value="#{rotulo['codigo_alternativo']}"/>
                        <h:inputText value="#{cadastroClienteBean.codigoalternativo}" style=" width : 170px;" />

                    </h:panelGrid>
                                    </a4j:region>
                                          <a4j:region id="pessoaJuridica">
                     <h:panelGrid columns="8" width="40%" rendered="#{cadastroClienteBean.renderedPessoaJuridica}">
                       <h:outputText value="#{rotulo['nome_fantasia']}"/>
                       <h:inputText value="#{cadastroClienteBean.pessoaJuridica.nomeFantasia}" style=" width : 170px;" />
                       <h:outputText value="#{rotulo['razao_social']}" />
                        <h:inputText value="#{cadastroClienteBean.pessoaJuridica.razaoSocial}"  style="width : 170px;"/>
                        <h:outputText value="#{rotulo['cnpj']}" />
                        <h:inputText value="#{cadastroClienteBean.pessoaJuridica.cnpj}"  style="width : 170px;"/>
                        <h:outputText value="#{rotulo['ie']}" />
                        <h:inputText value="#{cadastroClienteBean.pessoaJuridica.inscricaoEstadual}"  style="width : 170px;"/>
                        <h:outputText value="#{rotulo['im']}" />
                        <h:inputText value="#{cadastroClienteBean.pessoaJuridica.inscricaoMunicipal}"  style="width : 170px;"/>
                        <h:outputText value="#{rotulo['codigo_alternativo']}"/>
                        <h:inputText value="#{cadastroClienteBean.codigoalternativo}" style=" width : 170px;" />

                    </h:panelGrid>
                                          </a4j:region>
                    
    </rich:simpleTogglePanel>
    <rich:simpleTogglePanel switchType="client" label="#{rotulo['lista_enderecos']}" id="cadastroEndereco">
        <h:panelGrid columns="8" width="40%">
              <h:outputText value="#{rotulo['cep']}"/>
              <h:inputText value="#{cadastroClienteBean.endereco.cep}" style=" width : 170px;"/>
              <h:outputText value="#{rotulo['logradouro']}"/>
              <h:inputText value="#{cadastroClienteBean.endereco.logradouro}" style=" width : 170px;"/>
              <h:outputText value="#{rotulo['numero']}"/>
              <h:inputText value="#{cadastroClienteBean.endereco.numero}" style=" width : 170px;" onkeyup="javascript:OnlyNumber(this)" maxlength="5"/>
              <h:outputText value="#{rotulo['complemento']}"/>
              <h:inputText value="#{cadastroClienteBean.endereco.complemento}" style=" width : 170px;"/>
         </h:panelGrid>
         <h:panelGrid columns="9" width="40%">
              <h:outputText value="#{rotulo['bairro']}"/>
              <h:inputText value="#{cadastroClienteBean.endereco.bairro}" style=" width : 170px;"/>
              <h:outputText value="#{rotulo['cidade']}"/>
              <h:inputText value="#{cadastroClienteBean.endereco.cidade}" style=" width : 170px;"/>
              <h:outputText value="#{rotulo['estado']}"/>
              <h:inputText value="#{cadastroClienteBean.endereco.estado}" style=" width : 170px;"/>
              <h:outputText value="#{rotulo['pais']}"/>
              <h:inputText value="#{cadastroClienteBean.endereco.pais}" style=" width : 170px;"/>

              <a4j:commandButton value="#{rotulo['adicionar']}" action="#{cadastroClienteBean.adicionarEndereco}" reRender="cadastroEndereco"/>
         </h:panelGrid>
        
        <h:panelGroup>
                       <rich:dataTable value="#{cadastroClienteBean.listEndereco}" rendered="#{cadastroClienteBean.renderedListaEndereco}" rows="10" var="endereco"
                    onRowMouseOver="this.style.backgroundColor='#F1F1F1'" id="listarEndereco"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'">
                            <f:facet name="header">
                                    <rich:columnGroup>
                                        <rich:column>
                                            #{rotulo['cep']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['logradouro']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['numero']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['complemento']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['bairro']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['cidade']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['estado']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['pais']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['editar/excluir']}
                                        </rich:column>
                                    </rich:columnGroup>
                            </f:facet>
                    <rich:column>
                        <h:outputText value="#{endereco.cep}"/>
                    </rich:column>
                     <rich:column>
                        <h:outputText value="#{endereco.logradouro}"/>
                    </rich:column>
                     <rich:column>
                        <h:outputText value="#{endereco.numero}"/>
                    </rich:column>
                     <rich:column>
                        <h:outputText value="#{endereco.complemento}"/>
                    </rich:column>
                    <rich:column>
                        <h:outputText value="#{endereco.bairro}"/>
                    </rich:column>
                    <rich:column>
                        <h:outputText value="#{endereco.cidade}"/>
                    </rich:column>
                    <rich:column>
                        <h:outputText value="#{endereco.estado}"/>
                    </rich:column>
                    <rich:column>
                        <h:outputText value="#{endereco.pais}"/>
                    </rich:column>
                    <rich:column>
                         
                        <h:commandLink action="#{cadastroClienteBean.editarEndereco}" reRender="cadastroEndereco">
                            <h:graphicImage value="../images/edit.gif"></h:graphicImage>
                            <f:setPropertyActionListener value="#{endereco}" target="#{cadastroClienteBean.endereco}"/>
                        </h:commandLink>
                        <h:commandLink action="#{cadastroClienteBean.excluirEndereco}">
                            <h:graphicImage value="../images/error.gif"></h:graphicImage>
                            <f:setPropertyActionListener value="#{listEndereco.endereco}" target="#{cadastroClienteBean.endereco}"/>
                        </h:commandLink>
                        
                     </rich:column>
                     
                </rich:dataTable>
                </h:panelGroup>
    </rich:simpleTogglePanel>

     <rich:simpleTogglePanel switchType="client" label="#{rotulo['lista_telefones']}" id="listaTelefone">
        <h:panelGrid columns="8">
              <h:outputText value="#{rotulo['ddd']}"/>
              <h:inputText value="#{cadastroClienteBean.telefone.ddd}" style=" width : 30px;" onkeyup="javascript:OnlyNumber(this)" maxlength="3" />
              <h:outputText value="#{rotulo['numero']}"/>
              <h:inputText value="#{cadastroClienteBean.telefone.numero}" style=" width : 100px;" onkeyup="javascript:OnlyNumber(this)" maxlength="9"/>
              <h:outputText value="#{rotulo['ramal']}"/>
              <h:inputText value="#{cadastroClienteBean.telefone.ramal}" style=" width : 100px;" onkeyup="javascript:OnlyNumber(this)" maxlength="4"/>

                <h:selectOneMenu value="#{cadastroClienteBean.telefone.categoria}">
                    <f:selectItem itemLabel="Comercial" itemValue="comercial" />
                    <f:selectItem itemLabel="Residencial" itemValue="residencial" />
                    <f:selectItem itemLabel="celular" itemValue="celular" />
                    <f:selectItem itemLabel="fax" itemValue="fax" />
                    <f:selectItem itemLabel="pager" itemValue="pager" />
                </h:selectOneMenu>

               <a4j:commandButton value="#{rotulo['adicionar']}" action="#{cadastroClienteBean.adicionarTelefone}" reRender="listaTelefone"/>

        </h:panelGrid>
        <h:panelGroup>
                <rich:dataTable value="#{cadastroClienteBean.listTel}" rows="10" var="telefone" rendered="#{cadastroClienteBean.renderedListaTelefone}"
                    onRowMouseOver="this.style.backgroundColor='#F1F1F1'" id="listarTelefone"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'">
                            <f:facet name="header">
                                    <rich:columnGroup>
                                        <rich:column>
                                            #{rotulo['categoria']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['ddd']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['numero']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['ramal']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['editar/excluir']}
                                        </rich:column>
                                    </rich:columnGroup>
                            </f:facet>
                    <rich:column>
                        <h:outputText value="#{telefone.categoria}"/>
                    </rich:column>
                     <rich:column>
                        <h:outputText value="#{telefone.ddd}"/>
                    </rich:column>
                     <rich:column>
                        <h:outputText value="#{telefone.numero}"/>
                    </rich:column>
                     <rich:column>
                        <h:outputText value="#{telefone.ramal}"/>
                    </rich:column>
                     <rich:column>

                        <h:commandLink action="#{cadastroClienteBean.editarTelefone}" reRender="listaTelefone">
                            <h:graphicImage value="../images/edit.gif"></h:graphicImage>
                            <f:setPropertyActionListener value="#{telefone}" target="#{cadastroClienteBean.telefone}"/>
                        </h:commandLink>
                        <h:commandLink action="#{cadastroClienteBean.excluirTelefone}" reRender="listaTelefone"
                            >
                            <h:graphicImage value="../images/error.gif"></h:graphicImage>
                            <f:setPropertyActionListener value="#{telefone}" target="#{cadastroClienteBean.telefone}"/>
                        </h:commandLink>

                     </rich:column>

                </rich:dataTable>
         </h:panelGroup>

        </rich:simpleTogglePanel>

        <rich:simpleTogglePanel switchType="client" label="#{rotulo['lista_emails']}" id="listaEmail">
            <h:panelGrid columns="3">
               <h:outputText value="#{rotulo['email']}"/>
                <h:inputText value="#{cadastroClienteBean.email.email}" style=" width : 170px;"/>
                 <h:commandButton value="#{rotulo['adicionar']}" action="#{cadastroClienteBean.adicionarEmail}" reRender="listaEmail"/>
            </h:panelGrid>
             <h:panelGroup>
                <rich:dataTable value="#{cadastroClienteBean.listEmail}" rows="10" var="listEmail" rendered="#{cadastroClienteBean.renderedListaEmail}"
                    onRowMouseOver="this.style.backgroundColor='#F1F1F1'" id="listarEmail"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'">
                            <f:facet name="header">
                                    <rich:columnGroup>
                                        <rich:column>
                                            #{rotulo['email']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['editar/excluir']}
                                        </rich:column>
                                    </rich:columnGroup>
                            </f:facet>
                    <rich:column>
                        <h:outputText value="#{listEmail.email}"/>
                    </rich:column>

                     <rich:column>
                         
                        <h:commandLink action="#{cadastroClienteBean.editarEmail}" reRender="listaEmail">
                            <h:graphicImage value="../images/edit.gif"></h:graphicImage>
                            <f:setPropertyActionListener value="#{listEmail}" target="#{cadastroClienteBean.email}"/>
                        </h:commandLink>
                        <h:commandLink action="#{cadastroClienteBean.excluirEmail}" reRender="listaEmail"
                                onclick="return window.confirm('Deseja mesmo deletar esse registro ?');" >
                            <h:graphicImage value="../images/error.gif"></h:graphicImage>
                            <f:setPropertyActionListener value="#{listEmail}" target="#{cadastroClienteBean.email}"/>
                        </h:commandLink>
                        
                     </rich:column>

                </rich:dataTable>
         </h:panelGroup>
        </rich:simpleTogglePanel>
       
        <rich:simpleTogglePanel switchType="client" label="#{rotulo['lista_sites']}" id="listaSite">
            <h:panelGrid columns="3">
               <h:outputText value="#{rotulo['url']}"/>
                <h:inputText value="#{cadastroClienteBean.site.site}" style=" width : 170px;"/>
                 <h:commandButton value="#{rotulo['adicionar']}" action="#{cadastroClienteBean.adicionarSite}" reRender="listaSite"/>
            </h:panelGrid>
             <h:panelGroup>
                <rich:dataTable value="#{cadastroClienteBean.listSite}" rows="10" var="listSite" rendered="#{cadastroClienteBean.renderedListaSite}"
                    onRowMouseOver="this.style.backgroundColor='#F1F1F1'" id="listarSite"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'">
                            <f:facet name="header">
                                    <rich:columnGroup>
                                        <rich:column>
                                            #{rotulo['site']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['editar/excluir']}
                                        </rich:column>
                                    </rich:columnGroup>
                            </f:facet>
                    <rich:column>
                        <h:outputText value="#{listSite.site}"/>
                    </rich:column>

                     <rich:column>
                         
                        <h:commandLink action="#{cadastroClienteBean.editarSite}" reRender="listaSite"
                              onclick="return window.confirm('Deseja mesmo deletar esse registro ?');"   >
                            <h:graphicImage value="../images/edit.gif"></h:graphicImage>
                            <f:setPropertyActionListener value="#{listSite}" target="#{cadastroClienteBean.listSite}"/>
                        </h:commandLink>
                        <h:commandLink action="#{cadastroClienteBean.excluirSite}" reRender="listaSite"
                               onclick="return window.confirm('Deseja mesmo deletar esse registro ?');"  >
                            <h:graphicImage value="../images/error.gif"></h:graphicImage>
                            <f:setPropertyActionListener value="#{listSite}" target="#{cadastroClienteBean.listSite}"/>
                        </h:commandLink>
                        
                     </rich:column>

                </rich:dataTable>
               
         </h:panelGroup>
        </rich:simpleTogglePanel>
  <rich:simpleTogglePanel switchType="client" label="#{rotulo['lista_contato']}" id="listaContatos">
        <h:panelGrid columns="10">
              <h:outputText value="#{rotulo['nome']}"/>
              <h:inputText value="#{cadastroClienteBean.contato.nome}" style=" width : 100px;"/>
              <h:outputText value="#{rotulo['sexo']}"/>
              <h:inputText value="#{cadastroClienteBean.contato.sexo}" style=" width : 100px;"/>
              <h:outputText value="#{rotulo['cargo']}"/>
              <h:inputText value="#{cadastroClienteBean.contato.cargo}" style=" width : 100px;"/>
              <h:outputText value="#{rotulo['setor']}"/>
              <h:inputText value="#{cadastroClienteBean.contato.setor}" style=" width : 100px;"/>
              <h:outputText value="#{rotulo['estado_civil']}"/>
              <h:inputText value="#{cadastroClienteBean.contato.estadoCivil}" style=" width : 100px;"/>
        </h:panelGrid>
        <h:panelGrid columns="2">

        <h:panelGrid columns="3" id="listaEmailContato">
                 <h:outputText value="#{rotulo['email']}"/>
                <h:inputText value="#{cadastroClienteBean.email.email}" style=" width : 170px;"/>
                 <h:commandButton value="#{rotulo['adicionar']}" action="#{cadastroClienteBean.adicionarEmailContato}" reRender="listaContatos"/>

            <rich:dataTable value="#{cadastroClienteBean.listEmailContato}" rows="10" var="listEmailContato"  rendered="#{cadastroClienteBean.renderedListaEmailContato}"
                    onRowMouseOver="this.style.backgroundColor='#F1F1F1'" id="listarContato"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'">
                            <f:facet name="header">
                                    <rich:columnGroup>
                                        <rich:column>
                                            #{rotulo['email']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['editar/excluir']}
                                        </rich:column>
                                    </rich:columnGroup>
                            </f:facet>
                    <rich:column>
                        <h:outputText value="#{listEmailContato.email}"/>
                    </rich:column>

                     <rich:column>

                        <h:commandLink action="#{cadastroClienteBean.editarEmailContato}" reRender="listaContatos">
                            <h:graphicImage value="../images/edit.gif"></h:graphicImage>
                             <f:setPropertyActionListener value="#{listEmailContato}" target="#{cadastroClienteBean.email}"/>
                        </h:commandLink>
                        <h:commandLink action="#{cadastroClienteBean.excluirEmailContato}" reRender="listaContatos"
                                onclick="return window.confirm('Deseja mesmo deletar esse registro ?');" >
                            <h:graphicImage value="../images/error.gif"></h:graphicImage>
                             <f:setPropertyActionListener value="#{listEmailContato}" target="#{cadastroClienteBean.email}"/>
                        </h:commandLink>

                     </rich:column>

                </rich:dataTable>

        </h:panelGrid>
        <h:panelGrid columns="1">
             <h:panelGrid columns="8">
              <h:outputText value="#{rotulo['ddd']}"/>
              <h:inputText value="#{cadastroClienteBean.telefone.ddd}" style=" width : 30px;" onkeyup="javascript:OnlyNumber(this)" maxlength="3" />
              <h:outputText value="#{rotulo['numero']}"/>
              <h:inputText value="#{cadastroClienteBean.telefone.numero}" style=" width : 100px;" onkeyup="javascript:OnlyNumber(this)" maxlength="9"/>
              <h:outputText value="#{rotulo['ramal']}"/>
              <h:inputText value="#{cadastroClienteBean.telefone.ramal}" style=" width : 100px;" onkeyup="javascript:OnlyNumber(this)" maxlength="4"/>

                <h:selectOneMenu value="#{cadastroClienteBean.telefone.categoria}">
                    <f:selectItem itemLabel="Comercial" itemValue="comercial" />
                    <f:selectItem itemLabel="Residencial" itemValue="residencial" />
                    <f:selectItem itemLabel="celular" itemValue="celular" />
                    <f:selectItem itemLabel="fax" itemValue="fax" />
                    <f:selectItem itemLabel="pager" itemValue="pager" />
                </h:selectOneMenu>

               <a4j:commandButton value="#{rotulo['adicionar']}" action="#{cadastroClienteBean.adicionarTelefoneContato}" reRender="listaContatos"/>

        </h:panelGrid>
        <h:panelGroup>
                <rich:dataTable value="#{cadastroClienteBean.listTelContato}" rows="10" var="telefone" rendered="#{cadastroClienteBean.renderedListaTelefoneContato}"
                    onRowMouseOver="this.style.backgroundColor='#F1F1F1'" id="listarTel"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'">
                            <f:facet name="header">
                                    <rich:columnGroup>
                                        <rich:column>
                                            #{rotulo['categoria']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['ddd']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['numero']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['ramal']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['editar/excluir']}
                                        </rich:column>
                                    </rich:columnGroup>
                            </f:facet>
                    <rich:column>
                        <h:outputText value="#{telefone.categoria}"/>
                    </rich:column>
                     <rich:column>
                        <h:outputText value="#{telefone.ddd}"/>
                    </rich:column>
                     <rich:column>
                        <h:outputText value="#{telefone.numero}"/>
                    </rich:column>
                     <rich:column>
                        <h:outputText value="#{telefone.ramal}"/>
                    </rich:column>
                     <rich:column>

                        <h:commandLink action="#{cadastroClienteBean.editarTelefone}" reRender="painelTelefone">
                            <h:graphicImage value="../images/edit.gif"></h:graphicImage>
                            <f:setPropertyActionListener value="#{telefone}" target="#{cadastroClienteBean.telefone}"/>
                        </h:commandLink>
                        <h:commandLink action="#{cadastroClienteBean.excluirTelefone}" reRender="painelTelefone"
                            >
                            <h:graphicImage value="../images/error.gif"></h:graphicImage>
                            <f:setPropertyActionListener value="#{telefone}" target="#{cadastroClienteBean.telefone}"/>
                        </h:commandLink>

                     </rich:column>

                </rich:dataTable>
         </h:panelGroup>

        </h:panelGrid>


         </h:panelGrid>
               <a4j:commandButton value="#{rotulo['adicionar']}" action="#{cadastroClienteBean.adicionarContato}" reRender="listaContatos"/>

        
        <h:panelGroup>
                <rich:dataTable value="#{cadastroClienteBean.listContato}" rows="10" var="listContato"
                    onRowMouseOver="this.style.backgroundColor='#F1F1F1'" id="listaCont"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'">
                            <f:facet name="header">
                                    <rich:columnGroup>
                                        <rich:column>
                                            #{rotulo['nome']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['sexo']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['cargo']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['setor']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['estado_civil']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['email']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['ddd']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['telefone']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['ramal']}
                                        </rich:column>
                                         <rich:column>
                                            #{rotulo['categoria']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['editar/excluir']}
                                        </rich:column>
                                    </rich:columnGroup>
                            </f:facet>
                    <rich:column>
                        <h:outputText value="#{listContato.nome}"/>
                    </rich:column>
                     <rich:column>
                        <h:outputText value="#{listContato.sexo}"/>
                    </rich:column>
                     <rich:column>
                        <h:outputText value="#{listContato.cargo}"/>
                    </rich:column>
                     <rich:column>
                        <h:outputText value="#{listContato.setor}"/>
                    </rich:column>
                     <rich:column>
                        <h:outputText value="#{listContato.estadoCivil}"/>
                    </rich:column>
                     <rich:column>
                        <h:outputText value="#{listContato.email.email}"/>
                    </rich:column>
                     <rich:column>
                        <h:outputText value="#{listContato.telefone.ddd}"/>
                    </rich:column>
                     <rich:column>
                        <h:outputText value="#{listContato.telefone.numero}"/>
                    </rich:column>
                     <rich:column>
                        <h:outputText value="#{listContato.telefone.ramal}"/>
                    </rich:column>
                     <rich:column>
                        <h:outputText value="#{listContato.telefone.categoria}"/>
                    </rich:column>
                     <rich:column>

                        <h:commandLink action="#{cadastroClienteBean.editarContato}" reRender="listaCont">
                            <h:graphicImage value="../images/edit.gif"></h:graphicImage>
                            <f:setPropertyActionListener value="#{contato}" target="#{cadastroClienteBean.contato}"/>
                        </h:commandLink>
                        <h:commandLink action="#{cadastroClienteBean.excluirContato}" reRender="listaCont"
                            onclick="return window.confirm('Deseja mesmo deletar esse registro ?');">
                            <h:graphicImage value="../images/error.gif"></h:graphicImage>
                            <f:setPropertyActionListener value="#{contato}" target="#{cadastroClienteBean.contato}"/>
                        </h:commandLink>

                     </rich:column>

                </rich:dataTable>
         </h:panelGroup>

        </rich:simpleTogglePanel>
     </h:form>
      </ui:define >

</ui:composition>
